<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btnNews">获取新闻列表</button>

    <script src="./js/myAxios.js"></script>
    <script>
        const btnNews = document.querySelector('#btnNews');
        btnNews.addEventListener('click', function() {
            // myAxios({
            //   method: 'gEt',
            //   url: 'http://ajax-api.itheima.net/api/news',
            // })
            //   .then((res) => console.log(res))
            //   .catch((error) => console.log(error))
            // myAxios({
            //   method: 'get',
            //   url: 'http://ajax-api.itheima.net/api/province',
            // }).then((res) => console.log(res))
            // myAxios({
            //   method: 'Post',
            //   url: 'http://ajax-api.itheima.net/api/login',
            //   data: {
            //     username: 'admin',
            //     password: '123456',
            //   },
            // }).then((res) => console.log(res))
            // myAxios({
            //   method: 'get',
            //   url: 'http://ajax-api.itheima.net/api/city?pname=浙江省',
            // }).then((res) => console.log(res))
            myAxios({
              method: 'get',
              url: 'http://ajax-api.itheima.net/api/area',
              params: {
                pname: '浙江省',
                cname: '杭州市',
              },
            }).then((res) => console.log(res))

            myAxios({
              method: 'post',
              url: 'http://ajax-api.itheima.net/api/data',
              data: 'username=admin&password=123456',
            }).then((res) => console.log(res))
        })
    </script>
</body>
</html>